<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>节点运行监控</title>
<link rel="stylesheet" type="text/css" href="../../../css/reset.css">
<link rel="stylesheet" type="text/css" href="../../../css/css.css" />
<link rel="stylesheet" type="text/css"
	href="../../../js/jquery-easyui-1.4.3/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
	href="../../../js/jquery-easyui-1.4.3/themes/icon.css">

<style type="text/css">
.main {
	overflow: hidden;
}

.left_menu {
	float: left;
	width: 22%;
	height: 410px;
	border: 1px solid #95B8E7;
	overflow: hidden;
}

.kettle_tree {
	height: 380px;
	overflow: auto;
	margin: 0 auto;
}

.kettle_tree li {
	padding: 2px 0;
}

.kettle_tree li a {
	height: 25px;
	line-height: 25px;
	padding: 5px 20px;
	background-color: #f1f3ff;
	display: block;
	white-space: nowrap;
}

.kettle_tree li a:hover, .kettle_tree li a.active {
	background-color: #ffa;
}

.menu_tit {
	text-align: center;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	/*background-color:#efefef;*/
	background: -webkit-linear-gradient(top, #F9F9F9 0, #efefef 100%);
	background: -moz-linear-gradient(top, #F9F9F9 0, #efefef 100%);
	background: -o-linear-gradient(top, #F9F9F9 0, #efefef 100%);
	background: linear-gradient(to bottom, #F9F9F9 0, #efefef 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F9F9F9,
		endColorstr=#efefef, GradientType=0);
	border-bottom: 1px solid #95B8E7;
}

.right_con {
	float: right;
	width: 77%;
	height: 410px;
}

.chart_con {
	border: 1px solid #95B8E7;
	overflow: hidden;
	min-height: 338px;
}

.chart {
	float: left;
	width: 50%;
	height: 300px;
}

.kettle_about {
	border: 1px solid #95B8E7;
	margin: 0 0 10px 0;
}
</style>

</head>

<body>


	<div class="main">


		<div class="left_menu">
			<div class="menu_tit">节点列表</div>
			<div class="tree_con">
				<ul class="kettle_tree">
					<!-- <li>
						<a href="javascript:void(0);" class="active">主节点</a>
					</li>
                	<li>
                    	<a href="javascript:void(0);" class="active">子节点1</a>
                    </li>
                    <li>
                    	<a href="javascript:void(0);">子节点2</a>
                    </li>
                    <li>
                    	<a href="javascript:void(0);">子节点3</a>
                    </li> -->
				</ul>
			</div>
		</div>


		<div class="right_con">
			<div class="kettle_about">
				<div class="menu_tit">基本信息</div>
				<table cellpadding="0" cellspacing="0" class="sel_con">
					<tr>
						<td>
							<p>
								<strong>名称：</strong><span id="ServerName">加载中...</span>
							</p>

						</td>
						<td>
							<p>
								<strong>类型：</strong><span id="ServerType">加载中...</span>
							</p>
						</td>
						<td>
							<p>
								<strong>IP地址：</strong><span id="ServerIpAddress">加载中...</span>
							</p>
						</td>
						<td>
							<!-- <p><strong>服务端口：</strong><span id = "ServerPort">加载中...</span></p> -->
						</td>
					</tr>

				</table>
			</div>
			<div class="chart_con">
				<div class="menu_tit">服务器资源</div>
				<div id="container" class="chart"></div>
				<div id="chart2" class="chart"></div>
			</div>
		</div>
	</div>

	<script type="text/javascript" src="/webjars/json3/3.3.2/json3.min.js"></script>
	<script type="text/javascript"
		src="../../../js/jquery-easyui-1.4.3/jquery.min.js"></script>
	<script type="text/javascript"
		src="../../../js/jquery-easyui-1.4.3/jquery.easyui.min.js"></script>
	<script type="text/javascript"
		src="../../../js/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js"></script>
	<script type="text/javascript" src="../../../js/cook/public.js"></script>
	<script type="text/javascript" src="../../../js/cook/constants.js"></script>
	<script type="text/javascript"
		src="../../../js/Highcharts-4.1.7/js/highcharts.js"></script>
	<script type="text/javascript"
		src="/webjars/sockjs-client/1.0.2/sockjs.min.js"></script>
	<script type="text/javascript"
		src="../../../js/cook/InterfaceMonitoring/NodeMonitoring/SockUrl.js"></script>
	<script type="text/javascript"
		src="../../../js/cook/InterfaceMonitoring/NodeMonitoring/KettleServerMonitorr.js"></script>

	<script type="text/javascript">

	
	
</script>
</body>
</html>